<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!-- 载入文章头部页面，位置在/client文件夹下的header模板页面，模板名称th:fragment为header -->
<div th:replace="/client/header::header(null,null)" />
<body>
<div class="am-g am-g-fixed blog-fixed index-page" >
    <div th:fragment="article_type" id="article_type">
        <div class="am-u-md-8 am-u-sm-12">
            <!-- 文章遍历并分页展示 : 需要同学们手动完成，基本样式已经给出，请使用th标签及表达式完成页面展示 -->
            <div th:each="content:${data.content}" style=" float:left; display:inline-block;width: 30%;margin-right: 15px;">
                <article class="am-g blog-entry-article">

                    <div class="am-u-lg-6 am-u-md-12 am-u-sm-12 blog-entry-text">
                        <!-- 文章分类 -->
                        <span class="blog-color"style="font-size: 18px;font-weight:bold;" th:text="${content.name}" /></span>
<!--                        <span>&nbsp;&nbsp;</span>-->
                        <!-- 发布时间 -->
                        <span style="font-size: 12px;" th:text="'['+ ${content.createTime} + ']'" />
                        <span>&nbsp;&nbsp;</span>
                        <span style="font-size: 15px;color: red;" th:text="${content.salaryRange}" />
                        <br>
                        <span style="font-size: 15px;" th:text="${content.jobRequire}" />
                        <br>
                        <span style="font-size: 15px;" th:text="${content.tag}" />
                        <br>
                        <span>-------------------------------</span>
                        <h2>
                            <!-- 文章标题 -->
                            <div><a style="color: #0f9ae0;font-size: 20px;" th:text="${content.company}" />
                            </div>
                        </h2>
                        <!-- 文章内容-->
                        <div style="font-size: 16px;" th:text="${content.companyTag}" />
                    </div>
                </article>
            </div>

        </div>
    </div>


</div>
</body>
<!-- 载入文章尾部页面，位置在/client文件夹下的footer模板页面，模板名称th:fragment为footer -->
<!--<div th:replace="/client/footer::footer" />-->

<script>
</script>

</html>
